<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Metamorphosis Design Free Css Templates</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link href="styles.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="main"><!-- start header -->
    <div id="header">
        <div id="logo">
            <h1>My Website Name</h1>

            <h2>Website sub-name</h2>
        </div>
        <div id="menu">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Blogs</a></li>
                <li><a href="#">Photos</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>

            </ul>
        </div>
        <!-- end header -->
    </div>
    <hr/>
    <!-- start page -->
    <div id="page">
        <!-- start content -->
        <div id="content">
            <div class="post">
                <h1 class="title">First Post</h1>

                <p class="meta">
                    <small>June 27, 2009</small>
                </p>
                <div class="entry"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                    ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
                    voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div>
            </div>
        </div>
        <!-- end content -->
        <!-- start sidebar two -->
        <div id="sidebar2" class="sidebar">
            <ul>
                <li>
                    <h2>Categories</h2>
                    <ul class="back_title">
                        <li class="top"><a href="#">Category A</a></li>
                        <li><a href="#">Category B</a></li>
                        <li><a href="#">Category C</a></li>
                        <li><a href="#">Category D</a></li>
                    </ul>
                </li>
                <li>
                    <h2>Archives</h2>
                    <ul class="back_title">
                        <li class="top"><a href="#">September</a></li>
                        <li><a href="#">August</a></li>
                        <li><a href="#">July</a></li>
                        <li><a href="#">June</a></li>
                        <li><a href="#">May</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <!-- end sidebar two -->
        <div style="clear: both;">&nbsp;</div>
    </div>
    <!-- end page -->
    <hr/>
    <!-- start footer -->
    <div id="footer">
        <p>Copyright &copy; 2008. <a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a> | <a
                href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr
                title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a
                href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr
                title="Cascading Style Sheets">CSS</abbr></a></p>

        <p>Design by <a href="http://www.metamorphozis.com/" title="Free Site Templates">Free Site Templates</a>, coded
            by <a href="http://www.flashtemplatesdesign.com" title="Free Flash Templates">Free Flash Templates</a>
        </p>
    </div>
</div>
<!-- end footer -->
</body>
</html>